1.前端的建立過程(上)：

我是在本機電腦運行起來本地版本 Container 的靜態前端 Server，資料是存放在跟 Container 同步的資料夾，當 Container 初始化之後會先把此資料夾的檔案複製到 Container 之內，再開始其他的安裝工作。

一開始我是簡單的在本地建立一個 React + Server 之後，在成功建立之後再遷移到
開發的 Docker 上；並在開發到一定階段之後再遷移到有著 Nginx 上的容器，並開始
跟後端連接 Api 。

1.1 思路以及參考

主要的流程其實是參考: Ant.Design下 使用 Create-react-app 進行開發，所以相關
的東西我就不重複了，這邊跟原本 React app 的流程不一樣的地方就只是多加了
個 yarn add antd。

俗話說的好，牛頓之所以那麼厲害是因為他站在埃因斯坦的肩膀上面，所以在這邊我也大致上參考了下面這幾個 Github 專案，大致的專案如下：

• Create-react-app
• Django-antd-tyadmin
• Antd-admin
• Web Full Stack Practice for Beginners
• Docker-django-nginx-uwsgi-postgres-tutorial
• Docker-django-react-postgres-nginx

前幾個做的文件引導都挺完整的，建議可能在本機上面玩玩看，第二個由於一些
原因我大概只有參考其api和架構的部分，第三個算是目前我專案後台前端的主要模板。

第四個稍微複雜一點，不過也更有趣一些，最後兩個專案則是在參考如何把目標專案建立在Docker之上。

目前思路:

參考前後端分離部分: Docker-django-react-postgres-nginx

整體架構參考: Docker-django-nginx-uwsgi-postgres-tutorial

後端管理系統前端頁面參考: antd-admin
react-antd-admin-template

Api-串接參考: 　
Antd-admin : https://doc.antd-admin.zuiidea.com/#/API-configuration
Antd : https://v1.pro.ant.design/docs/server-cn
Django- django+react短时间搭建一套增删查改项目思路(一)
django+react短时间搭建一套增删查改项目思路(二)

之後會介紹較詳細的搭建過程。不過身為新手的我會先介紹
如何先上手...哈哈